<template>

  <van-tabbar route v-model="active" active-color="#ff0000" inactive-color="#888" fixed :placeholder="true">
    <van-tabbar-item icon="award-o" to="/">推荐</van-tabbar-item>
    <van-tabbar-item icon="new-o" to="/update">更新</van-tabbar-item>
    <van-tabbar-item icon="bar-chart-o" to="/bookshelf">书架</van-tabbar-item>
    <van-tabbar-item icon="user-o" to="/user">我的</van-tabbar-item>
  </van-tabbar>

</template>


<script setup>
import { ref } from 'vue';
const active = ref(0);

</script>



<style scoped></style>
